 /* Adjust the width of the left reveal menu. */
#demo-page #left-panel.ui-panel {
    width: 15em;
}
#demo-page #left-panel.ui-panel-closed {
    width: 0;
}
#demo-page .ui-panel-page-content-position-left,
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 15em;
    right: -15em;
}
#demo-page .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(15em,0,0);
    -moz-transform: translate3d(15em,0,0);
    transform: translate3d(15em,0,0);
}
/* Listview with collapsible list items. */
.ui-listview > li .ui-collapsible-heading {
  margin: 0;
}
.ui-collapsible.ui-li-static {
  padding: 0;
  border: none !important;
}
.ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn {
  border-top: none !important;
}
/* Nested list button colors */
.ui-listview .ui-listview .ui-btn {
    background: #fff;
}
.ui-listview .ui-listview .ui-btn:hover {
    background: #f5f5f5;
}
.ui-listview .ui-listview .ui-btn:active {
    background: #f1f1f1;
}
/* Reveal panel shadow on top of the listview menu (only to be used if you don't use fixed toolbars) */
#demo-page .ui-panel-display-reveal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#demo-page .ui-panel-page-content-position-left {
    -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    box-shadow: -5px 0px 5px rgba(0,0,0,.15);
}
/* Setting a custom background image. */
#demo-page.ui-page-theme-a,
#demo-page .ui-panel-wrapper {
    background-color: #fff;
    background-image: url("../_assets/img/bg-pattern.png");
    background-repeat: repeat-x;
    background-position: left bottom;
}
/* Styling of the page contents */
.article p {
    margin: 0 0 1em;
    line-height: 1.5;
}
.article p img {
    max-width: 100%;
}
.article p:first-child {
    text-align: center;
}
.article small {
    display: block;
    font-size: 75%;
    color: #c0c0c0;
}
.article p:last-child {
    text-align: right;
}
.article a.ui-btn {
    margin-right: 2em;
}
@media all and (min-width:769px) {
    .article {
        max-width: 994px;
        margin: 0 auto;
        padding-top: 4em;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .article a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}

/*booking_find css*/
.div_box {border-bottom: 1px solid #DEDEDE;/*box-shadow: 0px 0px 5px #DEDEDE;*/ padding: 10px 2px;}
.div_up {width: 100%;height: 14px;text-align: center; padding-bottom: 5px;}

#div_search fieldset {border: 0;padding: 0;}
#div_search .grid1 .ui-block-a {width: 65%;}
#div_search .grid1 .ui-block-b {width: 35%;}
#div_search .grid2 .ui-block-a {padding-right: 5px;}
#div_search .grid2 .ui-block-b {}

/*booking_list css*/
.item {width: 100%;border-bottom: 1px solid #DEDEDE;}
/*.item .check_item {width: 5%;height: 60px;float: left;}*/
.item .image {width: 18%;height: 60px;float: left;}
.item .content {width: 62%;padding-left: 2%;float: left;padding-top: 10px;}
.item .content .title {width: 100%;height: 25px;overflow: hidden;}
.item .content .date {width: 100%;height: 25px;overflow: hidden;font-size: 12px;color:gray;}
.item .option {width: 18%;height: 60px;float: left;}

table tr {border: 0;}
table th {border: 0;}
table td {border: 0;}

.modal-header {color:black;border-radius: 3px;border-width: 0px;border-style:solid;border-color: #FFD324;display: inline-block;background-color: cornsilk;padding: 0 10px;}
.modal-header h3 {margin: 5px 0;}
.modal-header h5 {margin: 5px 0;}   